.all {
  background-color: #EDF6FB;
}

.top {
  background-color: #00AFCE;
  text-align: center;
  color: white;

  .text1 {
    padding-top: 0.5rem;
  }
  .text2 {
    margin-top: 0.2rem;

    .score {
      font-size: 3em;
    }
  }

  .line {
    margin: 0.2rem auto;
    border-top: 1px solid white;
    width: 2.5rem;
  }

  .text3 {
    padding-bottom: 0.2rem;
  }

}

.section {
  display: flex;
  text-align: center;
  padding: 0.2rem 0;
  background-color: white;

  .section1 {
    flex: 1;

    .text1 {
      padding-bottom: 0.1rem;
    }

    .correctNum {
      color: #00CF67;
      font-size: 0.5rem;
    }
    .errorNum {
      color: orange;
      font-size: 0.5rem;
    }
    .undoNum {
      color: #00AFCE;
      font-size: 0.5rem;
    }
  }
}

.section2 {
  display: flex;
  margin-top: 0.2rem;
  padding: 0.2rem;
  background-color: white;

  .section21 {
    flex: 1;
    display: flex;
    align-items: center;

    img {
      width: 0.45rem;
      margin-right: 0.5em;
    }

    .text1 {
      color: #999999;
      font-size: 0.2rem;
      margin-top: 0.1rem;
    }
  }
}
